import React from 'react'
import { withRouter } from 'react-router-dom'
import './style.css'

const OrderSearch = ({ history }) => {

    const toOrderList = () => {
        history.push('/orderList')
    }

    return (
        <div className='orderSearch'>
            <div onClick={toOrderList} >
                <i className='iconfont icon-bijiben' />
                <span>全部订单</span>
            </div>
            <div onClick={toOrderList} >
                <i className='iconfont icon-weibiaoti-' />
                <span>待付款</span>
                <b className='num'>99</b>
            </div>
            <div onClick={toOrderList} >
                <i className='iconfont icon-che' />
                <span>待收货</span>
            </div>
            <div onClick={toOrderList} >
                <i className='iconfont icon-qian' />
                <span>已完成</span>
            </div>
        </div>
    )
}

export default withRouter(OrderSearch)

